@flex-jc: {
  start: flex-start;
  end: flex-end;
  center: center;
  between: space-between;
  around: space-around;
  evenly: space-evenly;
};

@flex-ai: {
  start: flex-start;
  end: flex-end;
  center: center;
  stretch: stretch;
};

@spacing-types: {
  m: margin;
  p: padding;
};

@spacing-directions: {
  t: top;
  r: right;
  b: bottom;
  l: left;
};

@align: {
  l: left;
  c: center;
  r: right;
};

@size: {
  0: 0px;
  3: 3px;
  4: 4px;
  5: 5px;
  6: 6px;
  8: 8px;
  10: 10px;
  12: 12px;
  13: 13px;
  14: 14px;
  15: 15px;
  16: 16px;
  18: 18px;
  20: 20px;
  22: 22px;
  24: 24px;
  25: 25px;
  26: 26px;
  28: 28px;
  32: 32px;
  36: 36px;
};
